body{ font-size:10pt; color:#333; margin:0px 0px; line-height:1.5em; font-family:"Microsoft YaHei","����", Arial,Verdana,Sans-serif; background-color:#fafafa; }
h1{ font-size:15pt; color:#C96B13; }
h2{ color:#4385a7; font-size:12pt; line-height:2.8em; padding:0px 0px; margin:0px 0px; clear:both; }
h2 a{ color:#4385a7; font-size:12pt; line-height:2.8em; padding:0px 0px; margin:0px 0px; clear:both; }
h3{ color:#c91417; clear:both;  }
a{ font-size:11pt; color:#076fa2; text-decoration:none; }
a:hover{ text-decoration:none; }
a img{ border:none; }
ul{ list-style-position:outside; }
li{ list-style-type:none; list-style-position : outside; }
div{ overflow:hidden;zoom:1;  }/*avoid div can't filling-in when child objeat set float attribute*/
input{ font-family:"Microsoft YaHei","����", Arial,Verdana,Sans-serif; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.clearBoth{ clear:both; }
.number { color:#c96b13; }
.prePage{ width:100px; height:35px; background-color:#1376d1; display:block; float:left; color:#FFF; line-height:2.2em; }
.nextPage{ width:100px; height:35px; background-color:#1376d1; display:block; float:right; color:#FFF; line-height:2.2em; }
.page{ width:50px; height:26px; text-align:center; position:relative; top:2px; font-size:8pt; }
.marginVertical10{ margin:10px 0px; }
.success{ height:95px; width:95px; background:url("../images/element.png") no-repeat transparent -103px -190px; }
.successText{ width:300px; font-size:11pt; }
.buttonBlue{ background-color:#1376d1;; line-height:2.1em; font-size:12pt; color:#FFF;  padding:3px 5px ; border:2px solid #126aaa; margin:10px 0px; display:inline-block; }
.red{ color:#C91417; }

.btn{
	background-color: #1376D1;
	font-size: 12px;
	color: #FFF;
	padding: 0px 5px;
	border: 2px solid #126AAA;
	margin: 0px 0px;
	display: inline-block;
	width: 50px;
	height: 25px;
}

#loading{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:#AAA; z-index:101; padding:48% 0px; text-align:center; font-size:20pt; filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9; }

#container{ width:100%; }

#header {
	position: fixed;
	width: 100%;
	height: 40px;
    border-top: 1px #5ad10b solid;
    background: none repeat scroll 0% 0% #56BF10;
    box-shadow: 0 1px 1px rgba(0,0,0,.4);
    z-index: 101;
}

#header h1 { font-size:12pt; color:#FFF; margin:8px 0px; }
#header a{ color:#FFF; font-size:10pt; }
#header #left h1{ font-size:14pt; color:#FFF; float:right; margin:9px 1px; }
#header #left{ float:left; margin-top:0px; }
#header #center{ text-align:center; float:none; }
#header #center h1{ font-size:14pt; color:#FFF; margin:9px 35px 9px 0px; }
#header #right{ float:right; margin:0px 0px; overflow:visible; }
#header #right a{ font-size:12pt; position:relative; top:10px; }
#header .searchImg{ width:40px; height:38px; background:url("../images/element.png") 102px -25px; border-left:1px solid #950000; }
#header .return{ width:35px; height:35px; text-align:center; font-size:10pt; background:url("../images/element.png") no-repeat -25px 10px; }
#header .index{ width:35px; height:25px; border-left:1px solid #FFF; text-align:center; font-size:10pt; color:#FFF; margin:0px 0px; margin-top:-2px; background:url("../images/element.png") no-repeat -29px -29px;}
#header .autoDish{ margin-top:5px; }
#header .reservation{ margin:5px 5px; line-height:2.2em; font-weight:bold; color:#ffea00; display:inline-block; border:1px solid #aa1211; background-color:#b21615; width:65px; height:28px; text-align:center; overflow:hidden; font-size:10pt; }
.position{ width:35px; height:25px; border-left:1px solid #FFF; text-align:center; font-size:10pt; color:#FFF; margin:0px 0px; margin-top:-2px; background:url("../images/element.png") no-repeat -35px -200px; }
.logoImg{ width:126px; height:38px; background:url("../images/logo.png") no-repeat transparent 0px 2px; background-size:121px auto; }
.logoInfo{ font-weight:bold; position:relative; top:-14px; }

#content{ width:auto; height:auto; margin:45px 0px; }
#content #search{ width:auto; margin:0px 0px; height:35px; border:1px solid #AAA; display:block; }
#content #search .box{ width:85%; height:32px; border:none; background:transparent; }
#content #search .button{ border:none; /*background:url("../images/element.png") no-repeat transparent 10px -27px;*/ background:none; color:#717171; width:14%; height:35px; position:absolute; top:45px; right:2px; }
#content #sortRank{ width:auto; height:45px; background-color:#e1dbc7; }
#content #sortRank select{ width:30%; height:35px; margin:5px 3px; font-size:10pt; /*background:transparent; border:none;*/ font-family:"Microsoft YaHei","����"; }
#content #showModel{ background-color:#AAA; padding:0px 0px; margin:5px 5px; background-color:#E1E1E1; }
#content #showModel h1{ line-height:2.1em; font-size:11pt; margin:0px 0px; color:#333; font-weight:normal; }
#content h1{ font-size:12pt; }
#shopList{ margin:0px 0px 0px 0px; padding-bottom:20px; background-color:#FFF; }
#shopList h2{ color:#e10000; font-size:12pt; line-height:1.6em; margin-top:10px; }
#shopList a{ font-size:10pt; color:#333; }
#shopList a:hover{ text-decoration:none; }
#shopList ul{ margin:0px 0px; padding:0px 0px;}
#shopList li{  border-bottom:1px solid #AAA; border-top:1px solid #FFF; background-color:#FFF; margin:0px 0px; padding-bottom:10px; }
#shopList .firstLi{ border-top:none; }
#shopList .lastLi{ border-bottom:none; }
#shopList .shopImg{ float:left; margin:10px 10px 10px 5px; background-color:#FFF; border:1px solid #C1C1C1; }
#shopList .label { display:block; overflow:hidden; font-size:8pt; color:#076fa2; text-align:left; margin:-20px 0px 0px 7px; }
#shopList .shopImg img{ width:80px; margin:5px 5px; }
#shopList .position{ border:none; width:20px; height:15px; background:url("../images/element.png") no-repeat transparent 0px -270px; position:relative; top:2px;}
#shopList .pageDiv{ margin:5px 5px; }
#shopList .pageDiv a{ color:#FFF; font-size:11pt; }
#articleContent{ margin:5px 10px; font-size:12pt; line-height:1.5em; }
#articleContent h1{ font-size:15pt; font-family:"Microsoft YaHei","����", Arial,Verdana,Sans-serif; }
#articleContent .info{ display:block; font-size:10pt; color:#AAA; }
#articleContent img{ width:100%; height:auto; }

#shopInfo { margin:0px 0px; background-color:#FFF; }/*#FFF*/
#shopInfo h2{ line-height:2em; border-bottom:2px solid #E1E1E1; margin:10px 0px 5px 0px;  }
#shopInfo label{ display:block; }
#shopInfo .map{ width:25px; height:25px; background:url("../images/element.png") no-repeat -70px -32px; position:relative; top:5px; }
#shopInfo .shopPic{ display:block; margin:5px 5px; }
#shopInfo .shopPic img{ width:100%; -moz-border-radius:5px;border-radius:5px; }
.shopButton{ margin:10px 5px; }
#shopInfo .shopImg{ clear:both; margin:10px 5px; }
#shopInfo .photograph{ margin-right:0px; margin-top:-10px; }
#shopInfo .info{ margin:10px 5px; }
#shopInfo .news{ text-align:left;}
#shopInfo .news ul{ margin:0px 20px; padding:0px 0px; }
#shopInfo .news li{ list-style-type:circle; }
#shopInfo .news a{ font-size:11pt; color:#c96b13; }
.shopCYFInfo{ clear:both; color:#c91417; margin:10px 5px; background-color:#F8F8F8; border:1px solid #AAA; -moz-border-radius:5px;border-radius:5px; }
.shopCYFInfo p{ margin:5px 5px; }
.shopOrderInfo{ clear:both; margin:10px 5px; }
.userComment{ margin:10px 5px; }

.seatButton{ width:100%; height:40px; margin:5px 0px;  background-color:#56BF10; color:#FFF; font-size:14pt; font-weight:bold; line-height:2.2em; border-radius: 1px; display:block; }
.seatButtonOnTop{ width:100%; height:40px; margin:0px 0px;  background-color:#cd240e; color:#FFF; font-size:14pt; font-weight:bold; line-height:2.2em;  display:block; position:fixed; top:0px; left:0px; z-index:101; }
.seatButtonICO{ width:35px; height:20px; position:relative; top:5px; background:url("../images/element.png") no-repeat transparent 0px -338px; }
.menuButton{ float:left; text-align:center; width:49%; height:35px; margin:10px 0px; background-color:#56BF10; color:#FFF; font-weight:bold; line-height:2.4em; border-radius: 1px; display:inline-block; }
.menuButtonICO{ width:35px; height:20px; position:relative; top:5px; background:url("../images/element.png") no-repeat transparent 0px -305px; }
.phoneButton{ float:right; text-align:center; width:49%; height:35px; margin:10px 0px; background-color:#919191; color:#FFF; font-weight:bold; line-height:2.4em; border-radius: 1px; display:inline-block; }
.phoneButtonICO{ width:35px; height:20px; position:relative; top:5px; background:url("../images/element.png") no-repeat transparent 0px -375px; }
.more{ text-align:right; position:relative; top:-37px; }
.more a{ padding:3px 5px; line-height:2.1em; background-color:#E1E1E1; border:1px solid #D1D1D1; font-size:9pt; color:#666666; font-weight:bold; }
.more a:hover{ text-decoration:none; }
.commentButton{ float:right; width:42px; height:23px;  border:none; background:url("../images/element.png") no-repeat transparent -107px -301px; color:#FFF; font-size:9pt; position:relative; top:-32px; }
.comment{ position:relative; top:-15px; clear:both; margin:0px 10px; padding:0px; margin:0px; }
.comment li{ margin:15px 0px; line-height:1.7em; background-color:#eca56a; -moz-border-radius:20px;border-radius:20px; line-height:2em; padding:5px 5px; }
.comment .userName{ color:#076fa2; }
.comment .data{ float:right; color:#919191; }

#menu{  }
#menu a{ color:#333; }
#menu #leftClassify{ /*display:none;*/ text-align:center; width:100%; height:48px; top:38px; overflow:scroll; font-size:10pt; }
#menu #leftClassify ul{  width:auto; overflow:visible; position:fixed; top:84px; left:0px; right:0px; z-index:100; background-color:#e1dbc7; padding:10px 5px 10px 5px; font-weight:bold; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; }
#menu #leftClassify li{ float:left;	margin:0px 10px 0px 0px; padding:10px 5px 10px 5px; overflow:visible; white-space:nowrap; }
#menu #leftClassify .selected{ background-color:#953e00; color:#FFF; border:none; }
#menu .right{  position:absolute; left:0px; top:90px; right:0px; height:auto; overflow:visible; z-index:1; }
#menu .right ul{ margin-left:-35px; margin-top:0px; margin-bottom:100px; z-index:1; }
#menu .right li{ float:left; width:90px; overflow:hidden; margin:5px 2px; padding:10px 3px; border:1px dashed #AAA; overflow:visible; }
#menu .right .good{ border:none; width:17px; height:17px; background:url("../images/element.png") no-repeat transparent -70px 0px; float:right; }
#menu .hidden{ display:none; }
#menu .visible{ display:inline; }
#menu #orderInfoA{ position:fixed; width:100%; height:45px; background-color:#e1dbc7; border-bottom:1px solid #C1C1C1; top:38px; line-height:3.8em; text-align:right; z-index:99; }
#menu #orderInfoA .orderList{ padding:3px 5px; line-height:2.1em; background-color:#FFFFFF; border:1px solid #BDB085; font-size:12pt; color:#333; }
#menu #orderInfoA .orderListICO{ width:25px; height:20px; background:url("../images/element.png") no-repeat transparent 2px -93px; position:relative; top:2px; }
#menu #orderInfoA .orderSubmit{ width:95px; height:38px; border:none; background-color:#1376d1;; line-height:2.1em; font-size:12pt; color:#FFF;  padding:3px 5px ; border:1px solid #126aaa; }
#menu #orderInfoA .orderSubmitICO{ width:26px; height:21px; background:url("../images/element.png") no-repeat transparent -22px -92px; position:relative; top:2px; }
#menu #orderInfoA .choose{ float:left; display:inline; border-right:1px solid #C1C1C1; background-color:#e1dbc7; color:#515151; text-align:center; padding:0px 5px; min-width:80px; max-width:111px; overflow:hidden; }
#menu #orderInfoA .chooseICO_A{ width:15px; height:15px; background:url("../images/element.png") no-repeat transparent -42px -97px; position:relative; top:2px; }
#menu #orderInfoA .chooseICO_B{ width:15px; height:15px; background:url("../images/element.png") no-repeat transparent -70px -97px; position:relative; top:2px; }

.delDish{ width:25px; height:28px; }

.myOrderList{ border:2px solid #DDD; background:none repeat scroll 0% 0% #FFF; margin:0px 2px 0px 2px;}
.myOrderList li{ margin-left:-40px; padding-left:5px; padding-right:5px; text-align:center; height:38px; line-height:2.7em; color:#4e4528; border-bottom:1px dashed #4C9ED9; }
/* .myOrderList li:hover{ background-color:#4C9ED9; color:#FFF; } */ 
.myOrderList .dish{ display:inline-block; width:30%; height:35px; text-align:left; float:left; overflow:hidden;}
.myOrderList .price{ display:inline-block; width:20%; height:35px; text-align:center; overflow:hidden; }
.myOrderList .amount{ display:inline-block; width:40%; height:35px; text-align:right; float:right; overflow:hidden; }
.myOrderList .add{ width:20px; height:28px; }

.button {
    width:25px;
    /* margin-bottom: 20px; */
    margin-right: 5px;
    border: 1px solid #838383;
    border-radius: 3px;
}

.myOrderList .num{ width:15px; text-align:center; }
.myOrderList .subtraction{ width:20px; height:28px; }
.myOrderList .sum{ border-bottom:0px solid #4C9ED9; color:#076fa2; font-size:11pt; margin-top:10px; margin-bottom:10px; text-align:right; }
.myOrderList .sum:hover{ background:transparent; color:#076fa2; }
.myOrderList .info{ display:block; font-size:11pt; color:#A1A1A1; margin:5px 0px; }
.chooseNum{	text-align:left; line-height:3.0em;	}
.chooseNum a{ font-size:22px; background-color:#FFF; border:5px solid #E1E1E1; border-style:outset;	display:inline-block; width:45px; height:45px; overflow:hidden;	text-align:center;	margin:10px 5px; }
.chooseNum input{ height:24px; }
.chooseNum a label{	font-size:10pt;	}

.myOrderInfo{ margin:0px 2px; padding:0px 0px; }
.myOrderInfo li{ margin:10px 0px; }
.myOrderInfo input{ color:#A1A1A1; height:30px; }
.myOrderInfo select{ height:45px; text-align:center; font-size:11pt; }
.myOrderInfo textarea{ color:#A1A1A1; font-family:"Microsoft YaHei","����"; }
.userDefined{ display:none; }
.myOrderInfo .radio{ height:auto; }
.myOrderInfo .submitOrder{ width:128px; height:35px; border:none; background-color:#56BF10; color:#FFF; line-height:1.7em; font-size:12pt; font-weight:bold; }

#userRegsiter{ width:auto; height:auto; margin:10px 10px; line-height:2.8em; }
#userRegsiter h1{ border-bottom:1px solid #AAA; line-height:2em; }
#userRegsiter input{ height:30px; }

#footer{ text-align:center; background-color:#FFF; color:#A1A1A1; padding:30px 0px; line-height:2.1em; }